*{padding: 0;margin: 0;}
a{text-decoration: none;}
/* 先整体再局部 */
.container{
    width: 1200px;
    height: 600px;
    border: 3px solid #000;
    /* 使块元素水平居中 */
    margin: 0 auto;
    padding: 50px;
    display: flex;
    /* justify-content: center; */
    justify-content: space-between;
    box-sizing: border-box;
}
/* 浮动：float,尽量少用，或不用，
容易造成布局混乱，脱离文档流，
影响其他元素的布局 */
/* 使用弹性盒布局，flex */
.container div{
    /* margin: 0 25px; */
    width: 400px;
    height: 300px;
    border: 3px solid #f00;
}

